$(function(){

   
  var num = getDate('category')
  $('.category-info').text(num)
  
  var id = getDate('categoryid')
  
  
  // 1-面板导航 
  $.ajax({
    url: 'http://127.0.0.1:9090/api/getcategorybyid',
    data: {
      categoryid: id
    },
    dataType: 'json',
    success: function(info){
      // console.log(info);
      
    }
  }) 
  // 记录当前页码
  var index = 1;
  var total = 1;
  // 商品信息
  function render(total) {
    $.ajax({
      url: ' http://127.0.0.1:9090/api/getproductlist',
      data: {
        categoryid: id,
        pageid: index
      },
      dataType: 'json',
      success: function(info){
        console.log(info);
      $('.content').html(template('tmp',info));

      var current = $('#pro-select > option');
      for(var i = 0; i < current.length; i++) {
       var d = current[i].text
       var arr = d.split("/");
       arr[0]= total;
       arr[1]=Math.ceil(info.totalCount/10);
       var str = arr.join('/')
      //  console.log(str);
       
       current[i].text = str;
      //  console.log(current[i].text);
      }
      }
    }) 
  }
  render(total);
  

// 下一页
  $('.content').on('click','.pro-under',function(){
    var pagin = $(this).data('pagin') /10;
    
    if(index < pagin ) {
      index++

      
      // console.log(index);
      render(index);

    }
  })
  // 上一页
  $('.content').on('click','.pro-on',function(){
    if(index > 0) {
      index--
      // console.log(index);
      
      render(index);

    }
  })
  // 下拉列表
  $('.content').on('change','#pro-select',function(){
    var val = $(this).val()  
      index = val
      // console.log(index);    
      render(index);
  
  })
})